<template>
  <div>
    <table border="1">
      <thead>
      <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>年龄</th>
      </tr>
      </thead>
      <tbody>
      <tr v-for="(obj, index) in arr" :key="index">
        <td>{{ index + 1 }}</td>
        <td>{{ obj.name }}</td>
        <td>
          <slot :row="obj">
            <p style="color: red">{{ obj.age }}</p>
          </slot>
        </td>
      </tr>
      </tbody>
    </table>
  </div>
</template>

<script>
export default {
  name: 'PartElevenPanel',
  props: {
    arr: Array
  }
}
</script>
